<div id="head" style="height: 50px;background-color: #57719c;color: white;position: relative">
    <div style="float: left;line-height: 50px;color: white;margin-left: 10px;font-size: 17px;font-weight: 700">
        <img src="{{commonService.getRequestProUrl()}}/static/images/logo.ico" height="25px" style="margin-right: 4px">
        <span>
            管理平台
        </span>
    </div>

    <div style="text-align: center;line-height: 50px;width: 200px;position:absolute;left: 50%;margin-left: -50px; ">
        <b>{{navigationBar}}</b>
    </div>

    <div style="float: right;margin-right: 0px;height: 50px;line-height: 49px;margin-right: 20px;">

        <div class="dropdown">
            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"
                    style=" background-color: transparent;border: transparent;color: white;font-size: 16px;">
                <span class="fa fa-user-circle-o" style="margin-right: 5px"></span>
                <span *ngIf="currentUser.user">{{currentUser.user.username}}</span>
                <!--<span class="caret"></span>-->
            </button>
            <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1"
                style="color: black">


                <li role="presentation"><a role="menuitem" tabindex="-1" (click)="logout()" style="cursor: pointer"><span
                        class="fa fa-sign-out"
                        style="margin-right: 5px"></span>注销账户</a>
                </li>
                <li role="presentation" class="divider">
                <li role="presentation"><a role="menuitem" tabindex="-1" (click)="showChangePasswordModal()" style="cursor: pointer"><span
                        class="fa fa-pencil"
                        style="margin-right: 5px"></span>修改密码</a>
                </li>
            </ul>
        </div>
    </div>
</div>



<div class="modal fade" #changePasswordModal tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">修改密码</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>设置新密码</label>
                    <input type="password" class="form-control" [(ngModel)]="userEditForm.password">
                </div>
                <div class="form-group">
                    <label>确认密码</label>
                    <input type="password" class="form-control" [(ngModel)]="userEditForm.repassword">
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-xs-6">
                        <button type="button" class="btn btn-default" style="width: 100%" data-dismiss="modal">取消
                        </button>
                    </div>
                    <div class="col-xs-6">
                        <button type="button" class="btn btn-primary" style="width: 100%" (click)="changePassword()">修改
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
